<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    /*
     匹配所有p标签的第一个元素
   */
    /*
    匹配所有p标签*/
    p:first-child{
    color: red;

    }
    /*
    匹配p标签下的第一个span
    */
    p>span:first-child{
    color: aquamarine;
    }
    /*
    匹配第一个p标签下的所有span
    */
    p:first-child>span{
    font-size: 100px;
    }
</head>
<body>
<p><span>aaaa</span>bbb</p>
<p>cccc</p>
<p><span>ddd</span>eee</p>

</body>
</html>